<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>02_表单-input标签-属性</title>
    </head>
    <body>
        <form action="1.java" method="get" name="">

            <!-- 单选 -->
            <!-- 当都有checked的时候 会选择最后一个 
                在实际的企业级开发中  大部分的人都会写第一种
            -->
            <input type="radio" name="gender" checked>男
            <input type="radio" name="gender" checked="checked">男
            <input type="radio" name="gender" checked=false>男
            <input type="radio" name="gender">女

            <!-- 复选 多选 -->
            <input type="checkbox" name="hobby" checked>吃
            <input type="checkbox" name="hobby" checked>吃
            <input type="checkbox" name="hobby">吃
            <input type="checkbox" name="hobby">吃


            <!-- maxlength一般可以设置最大长度  eg：手机号 -->
            <input type="text" maxlength="8">

            <input type="submit">
        </form>

        <script>
            var pwd = document.querySelector('#pwd');
            pwd.onblur = function(){
                alert(this.value);
            }
        </script>
    </body>
</html>